{% extends "common.twig" %}
{% block body %}
    <article class="container cn-list-main">
    <div class="list-main">
        <ul class="list-inline">
            <img src="//s.imcn.vip/l.png" alt="">
            <strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;类型：</strong>
            <li>
                <a href="/list.html">
                    <button class="btn btn-info">全部</button>
                </a>
            </li>
            {% for type in types %}
                <li>
                    <a href="/list.html">
                        <button class="btn btn-default">{{ type.title }}</button>
                    </a>
                </li>
            {% endfor %}
        </ul>
    </div>
    <!--<div class="list-main">
    <ul class="list-inline">
        <img src="//s.imcn.vip/s.png" alt="">
        <strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;标签：</strong>
        <li>
            <a href="/list.html">
                <button class="btn btn-info">全部</button>
            </a>
        </li>
        <tags>
        <li>
            <a href="/list.html?l=all&s=">
                <button class="btn btn-default"></button>
            </a>
        </li>
    </ul>
    </div>-->
</article>
<div class="cn-row">
    <div class="container">
        <ul class="list-inline cn-result">
            {% for item in lists %}
                <div class="col-md-3 col-xs-6 cn-li">
                    <a target="_blank" href="/detail/{{ item.pa_id }}.html">
                        <img class="cn-img lazy" data-original="{{ item.cover }}" src="//s.imcn.vip/img/bgcover.jpg"  alt="{{ item.title }}">
                    </a>
                    <a target="_blank" href="/detail/{{ item.pa_id }}.html">
                        <div class="cn-gun">{{ item.title }}</div>
                    </a>
                </div>
            {% endfor %}
        </ul>
    </div>
</div>     
{% endblock %}